import Vue from 'vue'
import VueRouter from 'vue-router'

// 使用路由插件
Vue.use(VueRouter)

// 定义路由
const routes = [
  {
    path: '/',
    name: 'home',
    component: () => import('../views/Home/index.vue')
  },
  // 为可能的后续功能预留路由
  {
    path: '/mutations',
    name: 'mutations',
    // 当路由被访问时才会加载
    component: () => import('../views/MapMutations/index.vue')
  },
  {
    path: '/test',
    name: 'test',
    // 当路由被访问时才会加载
    component: () => import('../views/Test/index.vue')
  },
  {
    path: '/table',
    name: 'table',
    component: () => import('../views/Table/index.vue')
  },
  // 重定向未匹配的路由到首页
  {
    path: '*',
    redirect: '/'
  }
]

// 创建路由实例
const router = new VueRouter({
  mode: 'history',  // 使用 HTML5 history 模式，去掉URL中的#号
  base: process.env.BASE_URL,
  routes
})
// router.beforeEach((to, from, next) => {
//   // 检查是否是首次加载或刷新
//   if (from.name === null && to.path !== '/') {
//     console.log('11111');
    
//     next('/');
//   } else {
//     console.log('22222');
//     next();
//   }
// })
export default router